<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/企业网站.css">
	<script type="text/javascript" src="js/setHomeSetFav.js" charset="gb2312"></script>
	<script type="text/javascript" src="js/myfocus-2.0.1.min.js" charset="utf-8"></script><!--引入myFocus库-->
	<script type="text/javascript" src="js/mf-pattern/mF_fancy.js"></script>
	<link rel="stylesheet" type="text/css" href="js/mf-pattern/mF_fancy.css">
	<script type="text/javascript">
		myFocus.set({
	    id:'picBox',//焦点图盒子ID
	    pattern:'mF_fancy',//风格应用的名称
	    time:3,//切换时间间隔(秒)
	    trigger:'click',//触发切换模式:'click'(点击)/'mouseover'(悬停)
	    width:1000,//设置图片区域宽度(像素)
	    height:310,//设置图片区域高度(像素)
	    txtHeight:'default'//文字层高度设置(像素),'default'为默认高度，0为隐藏
	});

	</script>
</head>
<body>
	<div id="top"><!-- 头部 -->
		<div class="top_content">
			<ul>
				<li><a href="#">联系我们</a></li>
				<li><a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</a></li>
				<li><a href="#" onclick="SetHome(window.location)">设为首页</a></li>
			</ul>
		</div><!-- top_content结束 -->
	</div>
		<div class="wrap">
			<div class="logo"><!-- logo -->
				<div class="logo_left">
					<img src="image/logo.jpg" alt="">
				</div>
				<div class="logo_right">
					<img src="image/tel.jpg" alt="">24小时热线电话：<span class="tel">123-456-7890</span>
				</div>
			</div>


			<div class="nav"><!-- 导航 -->
    			<div class="nav_left"></div>
				<div class="nav_middle">
					<div class="leftdiv">
						<ul>
					        <li><a href="#">首页</a></li>
					        <li><a href="#">关于慕课</a></li>
					        <li><a href="新闻列表.html">新闻动态</a></li>
					        <li><a href="#">课程中心</a></li>
					        <li><a href="#">在线课程</a></li>
					        <li><a href="#">人才招聘</a></li>
					     </ul>
					 </div><!-- leftdiv结束 -->
					<div class="rightdiv">
						<form action="" method="post">
          				<input type="text" class="search_text" />
          				<!-- <input type="button" class="search_btn"> -->
 					</div><!-- rightdiv结束 -->
				</div><!-- nav_middle结束 -->
				<div class="nav_right"></div>
			</div><!-- nav结束	 -->


			<div class="ad"><!-- 焦点图 -->
				<div id="picBox">
					<div class="loading"><img src="image/loading.gif" alt="图片加载请稍后"></div>
					<div class="pic">
						<ul>
							<li><a href=""><img src="image/ad2.jpg" alt=""></a></li>
							<li><a href=""><img src="image/ad3.jpg" alt=""></a></li>
							<li><a href=""><img src="image/ad4.jpg" alt=""></a></li>
							
						</ul>
					</div>
				</div>
			</div><!-- ad结束 -->

			<div class="main"><!-- 信息展示区 -->
				<div class="news">
					<div class="title">
						<h2 class="title_left">新闻中心</h2><span class="title_right"><a  href="新闻列表.html">More&gt;&gt;</a></span>
					</div>
					<div class="pic_news">
						<img src="image/news.jpg" alt="520 慕女神喊你来表白" width="113" height="77" />
        				<h2><a href="#">520 慕女神喊你来表白！</a></h2>
        				<p>活动时间：5月20日—5月25日<br />
          				获奖公布时间：5月26日<br />
          				<a href="#">Learn More>></a></p>

					</div>
					<div class="news_list">
						<ul>
							<li><span>2014-06-01</span> <a href="新闻详细.html">【慕客访谈 用户篇】“有为屌丝”在路上</a></li>
					        <li><span>2014-06-01</span><a href="新闻详细.html">【有奖活动】给父亲的三行书信</a></li>
					        <li><span>2014-05-30</span><a href="新闻详细.html">《程序猿，请晒出你的童年》活动获奖公告</a></li>
					        <li><span>2014-05-28</span><a href="新闻详细.html" title="aa">【慕课访谈】破茧成蝶——美女程序员的蜕变史</a></li>

						</ul>
					</div>
				</div><!-- news结束 -->
				<div class="products">
					<div class="title">
        				<h2 class="title_left">课程中心</h2>
        				<span class="title_right"><a href="#">More&gt;&gt;</a></span>
        			 </div><!--title结束-->
      
      			<div class="products_list">
      				<img src="image/css.jpg" alt="CSS圆角进化论" width="158" height="106" />
       				 <h2><a href="#">CSS圆角进化论</a></h2>
        			<p> CSS圆角的实现，经历了三大发展阶段：背景图片方式、CSS2.0+HTML标签模拟、CSS3.0圆角属性）。本案例详细讲解每一种的实现方式，并对实现的优缺点进行对比分析。</p>
        		<div class="products_type">
			        <ul>
			          <li><a href="#">PHP开发</a></li>
			          <li><a href="#">前端开发</a></li>
			          <li><a href="#">JAVA开发</a></li>
			          <li><a href="#">Android开发</a></li>
			    
			        </ul>
			      </div>
			      </div>
				</div><!-- products结束 -->

				<div class="sidebar">
					<div class="video">
				        <div class="title">
				          <h2 class="title_left">媒体聚焦</h2>
				          <span class="title_right"><a href="#">More&gt;&gt;</a></span> 
				         </div>
				        <!--title结束-->
				        <p class="video_content">
				          <embed src="http://player.youku.com/player.php/sid/XNjkzMDE5MTUy/v.swf" allowFullScreen="true" quality="high" width="220" height="140" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
				        </p>
				<div class="service"> <img src="image/app2.jpg" /></div>
				</div>
				</div><!-- sidebar结束 -->

			
		</div><!-- wrap结束 -->
	</div>	
	<div class="copyright">
	<div class="copyright_content">
		<ul>
			<li>关于
		        <ul>
		          <li>品牌故事</li>
		          <li>联系我们</li>
		          <li>加入我们</li>
		          <li>版权声明</li>
		        </ul>
     		 </li>
		      <li>课程
		        <ul>
		          <li>PHP开发</li>
		          <li>前端开发</li>
		          <li>JAVA开发</li>
		          <li>Android开发</li>
		        </ul>
		      </li>
		      <li>关注
		        <ul>
		          <li>新浪微博</li>
		          <li>腾讯微博</li>
		          <li>企业微信</li>
		          <li>QQ空间</li>
		        </ul>
		      </li>
		      <li>留言
		        <ul>
		          <li>意见反馈</li>
		          <li>问题留言</li>
		          <li>媒体联络</li>
		          <li>在线客服</li>
		        </ul>
		      </li>
		      <li><img src="image/weixin.png" alt="微信关注" width="30" height="27" />微信关注
			        <ul>
			          <li><img src="image/qrcode.jpg" alt="扫描关注慕课网官方微信" width="102" height="102" /></li>
			        </ul>
			      </li>
			  </ul>
		</ul>
	</div>

	</div>
</body>
</html>